<!--
 * @Author: 詹真琦(legendryztachi@gmail.com)
 * @Date: 2022-07-12 10:45:27
 * @LastEditors: 詹真琦(legendryztachi@gmail.com)
 * @LastEditTime: 2022-07-12 15:59:28
 * @FilePath: \code\ctp-static-portal-front\src\views\pagelayout\layout01\components\row\index.vue
 * @Description: 行
-->
<template>
  <div class="row-wrapper">
    <Column
      v-for="(item, index) in data"
      :data="item"
      :sectionThemeData="sectionThemeData"
      :mainWidth="mainWidth"
      :key="index"
    />
  </div>
</template>
<script>
  import Column from '../column';
  export default {
    name: 'Row',
    components: { Column },
    props: {
      data: {
        type: Array,
      },
      sectionThemeData: { type: Object },
      mainWidth: {
        type: Number,
        default: 0,
      },
    },
    data() {
      return {};
    },
  };
</script>
<style lang="scss" scoped>
  .row-wrapper {
    display: table;
    width: 100%;
    vertical-align: top;
  }
</style>
